<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>爱打印-iprint 订单查询</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" th:href="@{/img/favicon.ico }">
	<link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all" />
	<link rel="stylesheet" th:href="@{/css/public.css }" media="all" />
</head>
<body class="childrenBody">
	<!-- 查询表单 -->
	<blockquote class="layui-elem-quote quoteBox">
		<form class="layui-form">
			<div class="layui-form-item">
				<!--订单id-->
				<label class="layui-form-label">订单id</label>
				<div class="layui-input-inline">
					<input type="text" name="orderId" lay-verify="orderid" autocomplete="off" class="layui-input">
					<input type="hidden" name="queryStatus" value="1" >
				</div>
				<!--按类型-->
				<label class="layui-form-label">订单类型</label>
				<div class="layui-input-inline">
					<select name="orderType" style="width: 120px;">
						<option value="" selected="">请选择类型</option>
						<option value="document">文档类型</option>
						<option value="photo">照片类型</option>
						<option value="idphoto">证件照类型</option>
						<option value="leaflet">单页类型</option>
					</select>
				</div>
				<!-- 按状态 -->
				<label class="layui-form-label">订单状态</label>
				<div class="layui-input-inline">
					<select name="orderStatus">
						<option value="" selected="selected">请选择状态</option>
						<option value="1">未付款</option>
						<option value="2">已付款</option>
						<option value="4">已完成</option>
					</select>
				</div>
				<!--按金额-->
				<div class="layui-inline">
					<label class="layui-form-label">订单金额</label>
					<div class="layui-input-inline" style="width: 100px;">
						<input type="text" name="price_min" lay-verify="mynum" placeholder="￥" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid">-</div>
					<div class="layui-input-inline" style="width: 100px;">
						<input type="text" name="price_max" lay-verify="mynum" placeholder="￥" autocomplete="off" class="layui-input">
					</div>
				</div>
				<!--按日期-->
				<div class="layui-inline">
					<label class="layui-form-label">日期范围</label>
					<div class="layui-input-inline" style="width: 300px;">
						<input type="text" name="date" class="layui-input" id="daterange" placeholder=" - ">
					</div>
				</div>
				<!--提交-->
				<div class="layui-inline">
					<button class="layui-btn" lay-submit lay-filter="sub">立即提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>
	</blockquote>
	<!-- 显示列表 -->
	<table id="queryTable">
	</table>
	<!--订单类型-->
	<script type="text/html" id="newsStatus">
		{{#  if(d.title == "document"){ }}
		<span class="layui-red">文档订单</span>
		{{#  } else if(d.title == "photo"){ }}
		<span class="layui-blue">照片订单</span> 
		{{#  } else if(d.title == "idphoto"){ }}
		<span class="layui-blue">证件照订单</span>
		{{#  } else if(d.title == "leaflet"){ }}
		<span class="layui-blue">单页订单</span>
		{{#  } else { }}
			错误
		{{#  }}}
	</script>
	
	<!--操作-->
	<script type="text/html" id="newsListBar">
		<a class="layui-btn layui-btn-xs" lay-event="edit">详情</a>
	</script>
	<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
	<!--<script type="text/javascript" th:src="@{/js/newsList.js }"></script> -->
	<script type="text/javascript" th:href="@{/js/query.js}"></script>
</body>
</html>